/* 错误提示红色X样式 - 使用伪元素创建交叉线
 * 原理：通过::before和::after伪元素创建两条45度旋转的线条
 */
/* 无效链接提示 - 通过伪元素实现动态红色X */
a.invalid-link {
  position: relative;
  padding-right: 1.2em !important;
}

a.invalid-link::before,
a.invalid-link::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 1em; /* 与字体高度一致 */
  background: rgba(255, 68, 68, 0.6);
  transition: all 0.2s ease;
}

a.invalid-link::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

a.invalid-link::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

a.invalid-link:hover::before,
a.invalid-link:hover::after {
  opacity: 1;
  background: #ff4444;
  transform: translate(-50%, -50%) rotate(0deg) scale(1.1);
}